@charset "gb2312";
/* CSS Document */
/*全局锁定*/
*{ padding:0; margin:0;}
li{ list-style:none}
html { width:100%; text-align:center; font-size:12px; color:#4f4d4d; background:#FFF; font-family:"微软雅黑", "Microsoft Yahei",Arial, Helvetica, sans-serif;}

/*公共样式*/
img{ border:0;}
#red{ color:#d62219;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
font{ font-size:12px;}
.ver_mid *{ vertical-align:middle;}

.fl { float:left;}
.fr { float:right;}

/*链接样式	*/
a:link,a:visited{ color: #3a3a3a; text-decoration:none;}
a:hover{ color: #000; text-decoration: none;}

#bai a:link,#bai a:visited{ color:#FFF;}
#bai a:hover{ color: #000; }

dd{ -webkit-transition:all .3s; transition:all .3s; }
.tran{ -webkit-transition:all .3s; transition:all .3s; }
/**/
.body_index{ background:#262834;}

.box_max{ max-width:1680px;}

.w1200,.w1140 {
	margin:0 auto auto auto;
	width:1200px;
	text-align:left;
}
.m_bg{ background:#f0eff5; }

@font-face {
	font-family:novecento;
	src:url(../fonts/novecentowide-normal.eot);
	src:url(../fonts/novecentowide-normal.eot?#iefix) format('embedded-opentype'),url(../fonts/novecentowide-normal.woff2) format('woff2'),url(../fonts/novecentowide-normal.woff) format('woff'),url(../fonts/novecentowide-normal.ttf) format('truetype'),url(../fonts/novecentowide-normal.svg#novecento_widenormal) format('svg');
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:dincond-regular-webfont;
	src:url(../fonts/dincond-regular-webfont.eot);
	src:url(../fonts/dincond-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/dincond-regular-webfont.woff2) format('woff2'),url(../fonts/dincond-regular-webfont.woff) format('woff'),url(../fonts/dincond-regular-webfont.ttf) format('truetype'),url(../fonts/dincond-regular-webfont.svg#dincond-regular-webfont) format('svg')
}

 
.header {
	width:100%; 
	margin:auto;
	height:90px;
	background:#fff;
	position:relative;
	z-index:100000; 
}
a.logo {
	width:320px;
	height:60px; 
	float:left;
	margin-top:20px
}

.headlink{ float:right; margin:30px auto auto auto;}
.headlink a{display:block;width:32px;height:32px;-webkit-transition:all .3s;transition:all .3s }
.icon-menu{ background:url(All-Icon.png) no-repeat -74px -2px; float:left; margin-left:4px; border:1px solid #ccc }
.icon-menu:hover{ background-position:-74px -38px }

#side-mask{ position:fixed; top:0;width:100%;height:100%; background-color:#000;z-index:1000000;display:none;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2 }
.mt15{margin-top:15px }
.open-side .side-box{right:0;opacity:1;visibility:visible }
.open-side #side-mask{ display:block }
.side-box{ width:325px;background:#30395f;position:fixed;top:0;right:-360px;height:100%;z-index:1000001;padding:35px 0 0 35px;-webkit-transition:all .4s;transition:all .4s;opacity:0;visibility:hidden }
a.side-close{ display:block;width:28px;height:29px;background:url(side-close.png) no-repeat }
.side-title{ color:#fff;font-size:18px;padding-top:20px;padding-bottom:10px;line-height:20px;margin-bottom:10px; text-align:left;}
.side-dl{ overflow:hidden; margin-top:10px;width:140px; float:left; height:220px; text-align:left; }
.side-dl a{ color:#787f9d;-webkit-transition:all .3s;transition:all .3s }
.side-dl a:hover{ color:#fff }
.side-dl dt a{ font-size:15px; padding-bottom:5px;display:inline-block; color:#fff; border-bottom:1px solid #fff; margin-bottom:10px }
.side-dl dd a{ display:block; margin-bottom:8px;font-size:13px;font-weight:700 }


#search_mini_form{ position:relative; border:1px #ccc solid ;margin:30px auto 0 auto; float:right;}
.form-search { height:32px; overflow:hidden; padding:0 3px 0 5px; transition:all 0.3s ease; background:#fff;}
#search_mini_form .button { background:url(searchbtn.png) no-repeat center; width:23px; height:21px; border:0; margin-top:6px; float:left;}
.form-search .input-text { font-size:12px; width:57px; float:left; line-height:32px; border:0; color:#666; text-transform:uppercase; transition:all 0.3s ease; background:none; }
#search_mini_form button#gh-search-reset { float:left; height:31px;line-height:31px;color:#666666;border:none;background:none;margin-right:5px;font-size:16px;display:none;cursor:pointer;}	
#search_mini_form button#gh-search-reset {line-height:31px;color:#666666;font-size:16px;cursor:pointer;}
 
 
.menu .block {
  width: 50px;
  height: 4px;
  background: #fb7f01;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 99;
}
.g-wrap { position:relative; margin:0 auto; height:100%; overflow:hidden;}

#header { position:relative; z-index:102; height:90px; background:#fff; overflow:hidden; float:right;} 

#nav { float:right; height:90px; background:#fff; overflow:hidden; position:relative; z-index:99999; margin:auto 15px auto auto;}
#nav li { float:left; width:65px; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav dd{ float:left; width:38px; height:100%; background:url(menu_line.jpg) no-repeat center;}
#nav .n1 { width:45px;}
/*#nav .n2, #nav .n3, #nav .n4, #nav .n5, #nav .n6, #nav .n7, #nav .n8 { width:100px;}
#nav .n7 { background:none;}*/

#nav li a { position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:100; font-size:15px; font-weight:bold; line-height:90px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
/*#nav li a.on {color:#fff;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; background-color:#bb1a20; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}*/

/*#nav li a.on { }
#nav li a span { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg { top:100%; z-index:1; background: url(sub_line.png) no-repeat center 86px; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,#nav li a:hover .bkg { top:0;}
#nav li a span.bkg:first-child{ width:40px;}*/
 

#subNav { position:absolute; top:90px; left:0px; z-index:4; width:100%; height:45px; z-index:100;}
#subNav .g-wrap .item { position:absolute; top:-100%; width:100%; height:100%; background:#2c3575; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .on { top:0; z-index: 2;}
#subNav .g-wrap .item a { float:left; padding:0 15px 0 0; font-weight:bold; font-size:13px; line-height:45px; color:#c0c6ef; -webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#FFF;}
#subNav .g-wrap .item #on {color: #f63b2e;}
#subNav .g-wrap .item .le01{ margin-left:580px;}
#subNav .g-wrap .item .le02{ margin-left:400px;}
#subNav .g-wrap .item .le03{ margin-left:390px;}
#subNav .g-wrap .item .le04{ margin-left:860px;}
#subNav .g-wrap .item .le05{ margin-left:890px;}

.navMenu > li { display: block; margin: 0; padding: 0; border: 0px; }
.navMenu > li > a { height:80px; display: block; overflow: hidden; padding-top:20px; padding-left: 0px; transition: all .3s; position: relative;border-top: 1px solid #bfc1cf; }
.navMenu > li h2{ width:260px; margin:auto auto auto auto; font-size:22px; text-align:left; color:#5e5e7e; font-weight:100; }
.navMenu > li h3{ width:260px; margin:10px auto auto auto; font-size:18px; text-align:left; color:#5e5e7e; font-weight:100; text-transform:uppercase; }

.navMenu li a .arrow { display: block; float: right; margin:-40px 15px auto auto; width:10px; height:10px; font-size: 16px; background:url(pro_icon_1.png) no-repeat; }
.navMenu li a .arrow.open { background:url(pro_icon_2.png) no-repeat; }
.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #bfc1cf; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 8px 0px; }
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin:2px auto auto auto; padding: 0px; }
.navMenu>li>ul.sub-menu li > a { display: block; font-size: 16px; line-height: 36px; padding-left:40px; color: #5e5e7e; clear: both; }
.navMenu>li>ul.sub-menu li > a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #bfc1cf; }

.container{ width:100%; margin:auto; z-index:100;}

.fullSlide{ width:100%; height:auto; position:relative; background:#FFF; display:inline; margin:auto auto auto auto; overflow:hidden; display:block; z-index:1;}	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:1; overflow:hidden;  }	
.fullSlide .bd ul{ width:100%; }	
.fullSlide .bd li{ width:100%; display:block; text-align:center;}	
.fullSlide .bd li a{ display:block; height:100%; }
	
.fullSlide .hd{ width:350px; height:30px; position:absolute; z-index:111111; bottom:200px; left:50%; margin:auto auto auto -600px; line-height:30px; text-align:left; background:#090}	
.fullSlide .hd ul{ width:1200px; margin:auto; text-align:left; position:absolute; top:50px;}	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:8px; margin:5px; background:#fff; overflow:hidden; line-height:9999px; border-radius:10px;}	
.fullSlide .hd ul .on{ background:#b81c22;}


.fullSlide .prev .bg {
  background: url("../images/ban_l.png") no-repeat scroll 0 0 transparent;
  height:79px;
  width: 79px;
}
.fullSlide .prev .bg:hover {
  background: url("../images/ban_l_hover.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .next .bg {
  background:url("../images/ban_r.png") no-repeat ;
  height: 79px;
  width: 79px;
}
.fullSlide .next .bg:hover {
  background: url("../images/ban_r_hover.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .prev {
  left: -79px;
  position: absolute;
  top: 50%;
  z-index: 99;
}
.fullSlide .next {
  right: -79px;
  position: absolute;
  top: 50%;
  z-index: 99;
}

.slidemask {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(index_listbg.png); 
}

.slidemask,.slidemask .w1200 {
	height: 120px;
}

.bs-box {
	position: absolute;
	right: 0;
	bottom: 0px;
	overflow: hidden; 
	height: 180px;
	z-index:100;
}

.bs-box a {
	position: relative;
	float: left;
	margin-top: 75px;
	margin-left:5px;
	width: 165px;
	height: 180px;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align:left;
	display: block;
}

.bs-box a span {
	position: absolute;
	top: 15px; 
	display: block;
	-webkit-transition: all .3;
	transition: all .3;
	text-align:center;
}

a.bg0 {
	background: -webkit-linear-gradient(#3b0c83, #1b073a);
    background: -o-linear-gradient(#3b0c83, #1b073a);
    background: -moz-linear-gradient(#3b0c83, #1b073a); 
    background: linear-gradient(#3b0c83, #1b073a); 
	/*background: url(bg1.jpg) no-repeat;*/
}
a.bg1 {
	background: -webkit-linear-gradient(#5a0bd2, #340c70);
    background: -o-linear-gradient(#5a0bd2, #340c70);
    background: -moz-linear-gradient(#5a0bd2, #340c70); 
    background: linear-gradient(#5a0bd2, #340c70); 
	/*background: url(bg1.jpg) no-repeat;*/
}
a.bg2 {
	background: -webkit-linear-gradient(#2334dd, #11359c); 
    background: -o-linear-gradient(#2334dd, #11359c); 
    background: -moz-linear-gradient(#2334dd, #11359c);
    background: linear-gradient(#2334dd, #11359c);
	/*background: url(bg2.jpg) no-repeat;*/
}
a.bg3 {
	background: -webkit-linear-gradient(#505ed9, #3559ae); 
    background: -o-linear-gradient(#505ed9, #3559ae); 
    background: -moz-linear-gradient(#505ed9, #3559ae);
    background: linear-gradient(#505ed9, #3559ae);
	/*background: url(bg2.jpg) no-repeat;*/
}
a.bg4 {
	background: -webkit-linear-gradient(#4789f3, #246dc8); 
    background: -o-linear-gradient(#4789f3, #246dc8); 
    background: -moz-linear-gradient(#4789f3, #246dc8);
    background: linear-gradient(#4789f3, #246dc8);
	/*background: url(bg2.jpg) no-repeat;*/
}
a.bg5 {
	background: -webkit-linear-gradient(#ffb946, #f39802); 
    background: -o-linear-gradient(#ffb946, #f39802); 
    background: -moz-linear-gradient(#ffb946, #f39802);
    background: linear-gradient(#ffb946, #f39802);
	/*background: url(bg2.jpg) no-repeat;*/
}
a.bg6 {
	background: -webkit-linear-gradient(#ffd38b, #feb740); 
    background: -o-linear-gradient(#ffd38b, #feb740); 
    background: -moz-linear-gradient(#ffd38b, #feb740);
    background: linear-gradient(#ffd38b, #feb740);
	/*background: url(bg2.jpg) no-repeat;*/
}


.bs-box a .th {
	top: 40px;
	width:100%; 
	visibility: hidden;
	color: #e0f8ff; 
	font-size: 30px;
	opacity: 0;
	display: block;
}

.bs-box a .th,.bs-box a .tt {
	-webkit-transition: all .4s;
	transition: all .4s
}

.bs-box a .tt {
	visibility: visible;
	opacity: 1; 
	font-size:28px;
	line-height:24px;
	font-family:"dincond-regular-webfont"; 
	display: block;
	text-transform:uppercase;
	text-align:left;
	padding-left:25px;
}
.bs-box a .tt.c0{ color:#59358e;}
.bs-box a .tt.c1{ color:#7637d4;}
.bs-box a .tt.c2{ color:#485aef;}
.bs-box a .tt.c3{ color:#6c7dd5;}
.bs-box a .tt.c4{ color:#41a2e6;}
.bs-box a .tt.c5{ color:#fcca76;}
.bs-box a .tt.c6{ color:#ffdfaa;}

.bs-box a .tt img {
	display: block
}

.bs-box a .tt strong {
	color: #e0f8ff;
	font-weight: 400;
	font-size: 20px
}
.bs-box a .tt .tt1{ font-family:"微软雅黑"; float:left; margin:10px auto auto auto;}

.bs-box a:hover {
	margin-top: 0
}

.bs-box a:hover .tt {
	visibility: hidden;
	opacity: 0
}

.bs-box a:hover .th {
	visibility: visible;
	opacity: 1
}
 
 
 
.Item_box{ width:100%; margin:auto auto auto auto; background:#FFF; display:block; overflow:hidden;}
 

.news_list{ width:520px; height:240px; overflow:hidden; float:left; position:relative; margin:20px auto auto auto;}
.news_list_t{ width:100%; font-size:28px; font-family:; color:#616161; text-transform:uppercase;}

.plinks{ width:100%; float:left; margin:10px auto auto auto; position:relative; border-bottom:1px solid #ebebeb;}
.plinks a{ width:100px; height:38px; display:block; float:left; margin-right:10px; font-size:14px; color:#504c53; line-height:38px; position:relative; z-index:100; text-align:center; }
.plinks a.current{ color:#FFF;}
.plline{ position:absolute; width:100px; height:38px; background:#340c70; left:0px; bottom:0px;} 

.leftview{ width:520px; height:175px; position:relative;}
.recomnews.current{ opacity:1; filter:alpha(opacity:100); color:#FFF;}

.recomnews{ width:520px; height:180px; float: left; position: relative; z-index: 10;} 

.txtScroll{ width:520px; float:left; overflow:hidden; position:relative; }
.txtScroll .hd{ float:left; overflow:hidden; }
.txtScroll .hd ul{ float:left; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll .hd ul li{ float:left; width:45px; height:4px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#dddddd; display:block; }
.txtScroll .hd ul li.on{ background:#340c70; }

.txtScroll .bd{ width:520px; height:120px; float:left; margin:auto auto auto auto; overflow:hidden;}

.txtScroll .infoList li{ width:520px; height:110px; float:left; display:inline; margin:10px auto auto auto; overflow:hidden; }
.txtScroll .infoList li h2{ width:440px; height:24px; float:right; margin:5px auto auto auto; line-height:24px; color:#535353; font-size:16px; line-height:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txtScroll .infoList li h2 a{ color:#535353;}
.txtScroll .infoList li p{ width:440px; float:right; margin:5px auto auto auto; color: #8e8e8e; font-size:13px; line-height:18px;}
.txtScroll .infoList li span{ width:60px; height:90px; float:left; margin:auto auto auto auto; color: #979797; font-size:30px; font-family:"dincond-regular-webfont"; text-align:center;}
.txtScroll .infoList li span b{ font-size:24px;}

.index_news_more{ position:absolute; right:0px; bottom:0px; z-index:100; font-size:14px; }


.project{ width:400px; height:210px; float:right; margin:20px 10px auto auto; position:relative;}
.project .mask{ width:150px; height:160px; background: url(project-0.png) no-repeat top right; position:absolute; top:0; right:0px; z-index:100;}
.project .mask a{ width:100%; height:100%; display:block;}

.project_scroll{ width:100%; height:210px; position:relative; background:#FFF; display:inline; margin:auto auto auto auto; overflow:hidden; display:block; z-index:1;}	
.project_scroll .bd{ margin:0 auto; position:relative; z-index:1; overflow:hidden;  }	
.project_scroll .bd ul{ width:100%; height:210px;}	
.project_scroll .bd li{ width:100%; display:block; position:relative;}	
.project_scroll .bd li a{ display:block; height:100%; }
.project_scroll .bd li .tit{ width:180px; height:40px; background:url(alpha_40.png); line-height:20px; color:#FFF; padding:10px 10px 10px 10px; display:none; position:absolute; bottom:10px; left:10px;}
.project_scroll .bd li:hover .tit{ display:inline-block;}


.images_index{ width:230px; height:210px; float:right; margin:20px auto auto auto;}
 


.footer{ width:100%; max-width:1680px; height:75px; margin:auto auto auto auto; background:#2f2f2f; color:#f1f1f1;/* border-top:1px solid #e7e7e7;*/}
.footer a{ color:#f1f1f1;}
.fontL{ float:left; margin:10px auto auto auto;}
.fontL ul li{ float:left; margin:auto 10px auto auto;}
.fontR{ float:right; line-height:60px; color:#f1f1f1;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius:5px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#fb7f00 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .8;
}



.top_bak{ width: 100%; height:195px; background: url(../images/z-ban.jpg) no-repeat center; text-align: center; }

.ban_dc{ max-width:1680px; height:470px; margin:auto; text-align: center; position:relative; z-index:5;}
.ban_dc .box{ width:100%; height:50px; background: url(alpha_50.png); position:absolute; bottom:0px; z-index:6; }
.ban_dc .box .con-c{ width:1200px; margin:auto; text-align:left; line-height:50px; color:#FFF; font-size:14px;}
.ban_dc .box .con-c p{ float:left; padding-right:20px;}


/* 面包屑 */
.crumb{ width: 100%; max-width:1680px; margin:auto; background:#FFF; overflow:hidden;}
.crumb .crumb_contain{ width: 1200px; margin: 0 auto; }
.crumb .crumb_contain .crumb_index{ width:35px; height:42px; float:left; text-align: center;}
.crumb .crumb_contain .crumb_index a{ display: block; padding-top: 15px;}

.crumb .crumb_contain .crumb_nav{ float: left; line-height:42px; font-size:13px; color:#535353; padding-left: 5px;}
.crumb .crumb_contain .crumb_nav a{ height:42px;line-height:42px; font-size:13px; color:#535353;  padding-right:25px; display: block; float: left; background: url(index2.png) no-repeat right center;}
.crumb .crumb_contain .crumb_nav a:hover{ color: #b81d23;}
 
.about_title{ width:1200px; margin:auto auto auto auto; padding-top:15px; padding-bottom:15px; text-align:left; position:relative; text-align:center;}
.about_title h2{ width:100%; font-family: "novecento"; font-size:24px; color:#fb7f00; letter-spacing: -1px; text-transform:uppercase; font-weight:100;}
.about_title h1{ width: 100%; font-size:18px; color:#474747; font-weight:bold; margin:5px auto auto auto;}
.about_title .line{ width:90px; height:3px; position:absolute; bottom:-2px; background:#e70000;}

.z_box{ width:100%; max-width:1680px; margin:10px auto auto auto; background:#f5f4f4; overflow:hidden; padding-bottom:25px; position:relative;}

.z_co{ width:1200px; margin:10px auto 15px auto; background:#e3e3eb; overflow:hidden; position:relative; text-align:left;}
.z_co_le{ width:420px; float:left;}
.z_co_ri{ width:700px; float:left; margin:auto auto auto auto; padding:15px 40px 15px 40px; background:#f0eff5;}

.z_pro_le{ width:340px; float:left;}
.z_pro_ri{ width:860px; float:right; margin:auto auto auto auto; padding:15px 0px 15px 0px; background:#f0eff5;}

.prodetail-title { width:780px; float:right; margin:15px 30px auto auto; overflow: hidden; border-bottom:1px solid #7e7d7f; position: relative; padding-bottom:25px; text-align:left;}
.prodetail-title .date { color: #e70000; font-size:30px; line-height:30px; margin-bottom: 3px; font-family:"novecento","微软雅黑"; font-weight:100;}
.prodetail-title .title { font-size: 20px; line-height: 30px; color: #1d1d1d; margin-bottom: 10px; margin:15px auto auto auto; font-weight: bold; }
.prodetail-title .info { margin:15px auto auto auto; color: #999999; font-size:14px;}

.prodetail-content{ width:780px; float:right; margin:20px 30px auto auto; color:#686868; font-size:14px; line-height:220%;}
.prodetail-content p{ padding:5px 0px 5px 0px;}
.prodetail-content img { max-width:100%; height:auto; padding: 10px 0px 10px 0px; text-align:center; }

.prodetail-pic{ width:780px; float:left; margin:auto auto auto auto;}
.prodetail-pic a{ width:230px; height:160px; float:left; margin:auto 16px auto auto; border:1px solid #e3e3eb; padding:5px; background:#FFF;}
.prodetail-pic a img{ width:100%; height:100%;}


.Box_con {position: relative; width:720px; float:right; margin:30px 60px auto auto;}
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 55px;cursor: pointer;}
.Box_con .btnl { background: url(../img/jtl02.png) no-repeat center; left: -42px;}
.Box_con .btnr {background: url(../img/jtr02.png) no-repeat center; right: -42px;}
.Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.Box_con .conbox { position: relative;overflow: hidden;}
.Box_con .conbox ul { position: relative;list-style: none;}
.Box_con .conbox ul li { float: left; width: 230px; height:160px;  margin:auto 10px auto auto; overflow: hidden; border:1px solid #e3e3eb; background:#FFF;}}
.Box_con .conbox ul li:first-child { margin-left: 0;}
.Box_con .conbox ul li img { display: block; width:220px; height:150px; transition: all 0.5s; padding:5px; }
.Box_con .conbox ul li:hover img { transform: scale(1.1);}

.BoxSwitch {margin-top: 30px;text-align: center;}
.BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur {background: #2c3575;}

.pro_pic{ width:800px; height:170px; float:right; position:relative; margin:15px 10px auto auto; display:block; z-index:1;}	
.pro_pic .bd{ width:745px; margin:auto auto auto 15px; position:relative; z-index:1; overflow:hidden;  }	
.pro_pic .bd ul{ }	
.pro_pic .pro_li{ width:230px; height:160px; float:left; margin:auto 10px auto auto; border:1px solid #e3e3eb; padding:5px; background:#FFF;}	
.pro_pic .pro_li a img{ width:230px; height:160px;}
.pro_pic .pro_li a{ display:block; width:100%; height:100%; }

.pro_pic .prev .bg {
  background: url("ban_l_hover.png") no-repeat;
  background-size:cover;
  height:30px;
  width: 30px;
}
 
.pro_pic .next .bg {
  background:url("ban_r_hover.png") no-repeat ;
  background-size:cover;
  height: 30px;
  width: 30px;
}
 
.pro_pic .prev {
  left: -20px;
  position: absolute;
  top: 40%;
  z-index: 99;
}
.pro_pic .next {
  right: 0px;
  position: absolute;
  top: 40%;
  z-index: 99;
}


.z_view_01{ width:94%; float:left; margin:3% auto 3% auto; padding:0 3% 0 3%; line-height:180%; font-size:14px;}
.z_view_01 p{ margin:10px auto auto auto; text-indent:2em} 

.z_view{ width:96%; margin:20px auto 5% 2%; line-height:180%; font-size:14px;}
.z_view p{ text-indent:2em; margin:15px auto auto auto;}
.z_view img{ display:block; max-width:100%; height:auto;}
 
.about_pic{ float:left; margin:auto auto auto auto; }
.about_pic img{ width:100%; height:auto;}

.about_r_box{ width:700px; float:right; text-align:left;} 
.about_r_box .tit{ margin:15px auto 10px auto; font-size:24px;}
.about_r_box .line{ width: 25px; height: 2px; background: #fb7f00; display: block; }
.about_r_box .word{ font-size:14px; line-height:180%; margin:25px auto auto auto;}
.about_r_box .word p{ text-indent:2em; margin:10px auto auto auto;}

.since{	padding-top:5px; }
.since li{
	width: 145px;
	float: left;
	padding-left: 48px;
	background: url(about20.jpg) no-repeat left center;
}
.since li:first-child{
	padding-left: 0;
	background: none;
}
.since li h2{
	font-size: 30px;
	color: #f39801;
	font-weight:100;
	line-height: 50px;
}
.since li p{
	font-size: 13px;
	color: #666666;
	line-height: 30px;
}




.history-bg { padding-bottom: 100px; width: 100%; padding-top: 40px; overflow:hidden;}
.historybox { width: 1200px; margin: 0 auto; background: url(hbox-bg.jpg) repeat-y center center; overflow: hidden; }
.historybox li { width: 605px; padding-bottom: 40px; position: relative; margin-bottom: 15px; display:block;}
.historybox .hl { float: left; text-align: right; }
.historybox .hr { float: right; }
.hr .historycont { padding-left: 43px; }
.hl .historycont { padding-right: 43px; }
li.hr h4 { width:200px; float:left; margin: auto auto auto 15px; color: #e70000; font-family: "novecento"; font-weight:100; font-size: 36px; letter-spacing: 2px; margin-bottom: 10px; padding-top: 15px;}
li.hl p { float:right; width:400px; margin: auto 18px auto auto; font-size:14px;}

li.hl h4 { width:200px; float:right; margin: auto 15px auto auto; color: #e70000; font-family: "novecento"; font-weight:100; font-size: 36px; letter-spacing: 2px; margin-bottom: 10px; padding-top: 15px;}
li.hr p { float:left; width:400px; margin: auto auto auto 18px; font-size:14px;}

.historybox li .line-r{ width:80px; height:75px; float:right; background: url(history-l.png) no-repeat center left; }
.historybox li .line-l{ width:80px; height:75px; float:left; background: url(history-r.png) no-repeat center right; }

 
i.hs-point { display: block; width: 74px; height: 74px; background: url(point1.png) no-repeat; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; }
.hr i.hs-point { left: -32px; }
.hl i.hs-point { right: -32px; }
.historybox li:hover i.hs-point { background: url(point2.png) no-repeat; }


#history { width:100%; height:350px; }
#history .viewport { position:relative;  margin:0 auto; width:1140px; height:100%;  overflow:visible;}
#history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#history .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
#history .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
#history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#history .viewport .wrap .on {bottom:0;}
#history .viewport .wrap .item div { padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#history .viewport .wrap .item div p { margin-bottom:20px; line-height:18px; color:#3c5d38; font-size:14px;}
#history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "dincond-regular-webfont" !important; color:#194a93;} 


/*.view-word{ width:96%; margin:3% auto 2% auto; line-height:180%; font-size:14px;}
.view-boxs{ width:1100px; margin:20px auto 20px auto; overflow:hidden;}
.view-1{ width:550px; float:left; text-align: center; }
.view-1 img{ width:400px; height:218px;}
.view-2{ width:550px; float:left; text-align:center; }
.view-2 h1{ width:80%; font-size:24px; color:#125eac; margin:55px auto auto auto; font-weight:100;}
.view-2 p{  width:80%; font-size:14px; color:#a5a5a5; margin:25px auto auto auto; }*/


.join-1{ max-width:1680px; height:410px; margin:auto; background: url(join-1.jpg) no-repeat center; overflow:hidden;}
.join-1 .tit_en{ margin:25px auto auto 15px; font-size:42px; text-transform:uppercase; color:#294860; font-family:"dincond-regular-webfont";}
.join-1 .tit span{ margin:10px auto auto 15px; font-size:24px; color:#0a2840; border-bottom:1px solid #0a2840;}
.join-1 .word{ margin:15px auto auto 15px; font-size:16px; color:#294860;}
.join-1 .word span{ width:100px; float:left;}
.join-1 .word p{ width:550px; float:left; }

.join-2{ max-width:1680px; height:410px; margin:10px auto 10px auto; background: url(join-2.jpg) no-repeat center; overflow:hidden;} 
.join-2 .word{ margin:35px auto auto auto; font-size:16px; color:#294860;} 
.join-2 .word p{ width:740px; margin:auto; line-height:180%;}

 
/*新闻页*/
.inside_news{ width:1200px; margin:10px auto auto auto; overflow:hidden; text-align:left; background:#fdfdfd;}
.inside_news_left{ width:320px; float:left; background:#f5f4f4; padding-bottom:30px;}
.inside_news_right{ width:860px; float:right; padding-bottom:30px; padding-right:15px; background:#fdfdfd;}
 

.newsdetail-title { width:780px; float:right; margin:15px 20px auto auto; overflow: hidden; border-bottom:1px solid #7e7d7f; position: relative; padding-bottom:25px; text-align:left;}
.newsdetail-title .date { color: #fb7f00; font-size:30px; line-height:30px; margin-bottom: 3px; font-family:"novecento","微软雅黑"; font-weight:100;}
.newsdetail-title .title { font-size: 20px; line-height: 30px; color: #1d1d1d; margin-bottom: 10px; margin:15px auto auto auto; font-weight: bold; }
.newsdetail-title .info { margin:15px auto auto auto; color: #999999; font-size:14px;}

.newsdetail-content{ width:780px; float:right; margin:20px 20px auto auto; color:#686868; font-size:14px; line-height:220%;}
.newsdetail-content p{ text-indent: 2em; padding: 10px 0px 10px 0px;}
.newsdetail-content img { width:100%; height:auto; display: block;  padding: 10px 0px 10px 0px; }



 
.news-more { width:260px; float:left; margin:15px auto auto 25px; background:#f5f4f4;}
.news-more-title b { float:left; font-size:20px; color: #014099; margin:15px auto auto auto;}
.news-more ul{ float:left;}
.news-more li { float:left; margin-top:20px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.news-more .date { display: block; color: #1380c5; font-size: 18px; line-height: 20px; margin-bottom: 3px; text-align: left; font-family:"novecento";}
.news-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height:20px; -webkit-transition: color .3s; transition: color .3s; }
.news-more p { color: #7f7f7f; }
.news-more li:hover .name { color: #1380c5; } 

.news-more .m-news-btn{ width:50%; height:30px; position:absolute; bottom:-15px; left:50%; margin-left:-25%; color:#FFF; line-height:30px; font-size:14px; text-align:center;}
.news-more .m-news-btn a{ color:#fff; width:100%; height:100%; border-radius:5px; display:block; background:#2c3575;}

.newsfire { width:100%; float:left; margin:30px auto auto auto; padding:30px 0px 30px 0px; border-bottom:1px solid #dcdcdc;border-radius:5px; -webkit-transition:all .3s; transition:all .3s; }
.newsfire .img{ width:320px; height:215px; float:left; margin:auto auto auto auto; overflow:hidden; }
.newsfire .img img{ width:320px; height:215px; }
.newsfire .tit{ width:830px; height:50px; float:left; margin:10px auto auto 40px; line-height:28px; font-size:18px; }
.newsfire .word{ width:830px; height:100px; float:left; margin:auto auto auto 40px; line-height:180%; font-size:14px; }
.newsfire .date{ width:830px; height:30px; float:left; margin:10px auto auto 40px; line-height:30px; font-size:14px; font-family: "novecento"; color:#d43f46;}
.newsfire .more{ width:150px; height:35px; float:left; margin:auto auto auto 40px; line-height:35px; font-size:14px; background:#797979; color:#FFF; text-align:center; border:1px solid #e9e9e9; }
.newsfire .more a{ color:#FFF;}

.js-blog-list{ float:left;}
.js-pro-list{ float:right; width:780px; margin:auto 20px auto auto;}
.js-load-more{ width:90%; height:45px; margin:30px auto auto auto; background:#bfc1cf; border-radius:5px; text-align:center; font-size:14px; color:#FFF; line-height:45px; display:none;}
.js-load-more a{ width:100%; height:100%; color:#FFF; display:block;}
.js-load-more:hover{ background:#384395;}

 
.newsItem { width:100%; float:left; margin:20px auto auto auto; background:#FFF; border-radius:5px; -webkit-transition:all .3s; transition:all .3s; padding:20px 0px 20px 0px;/* box-shadow:#d2d2d2 0px 0px 8px;*/}
.newsItem .img{ width:210px; height:141px; float:left; margin:auto 20px auto 20px; overflow:hidden; }
.newsItem .tit{ width:860px; height:44px; float:left; margin:auto auto auto 20px; line-height:22px; font-size:18px; font-weight:bold; }
.newsItem .word{ width:860px; float:left; margin:5px auto auto 20px; line-height:20px; font-size:14px; }
.newsItem .date{ height:30px; float:right; margin:auto auto auto 20px; line-height:30px; font-size:14px; font-family: "novecento"; color:#d43f46;}
.newsItem .more{ width:260px; float:left; margin:10px auto auto 20px; line-height:20px; font-size:12px; color:#d43f46; }
.newsItem:hover{ background:#7e7d7f;}
.newsItem:hover .tit{ color:#FFF;}
.newsItem:hover .date{ color:#FFF;}
.newsItem:hover .word{ color:#FFF;}
.newsItem:hover .more{ color:#FFF;}
.newsItem .img img{ transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; }
.newsItem:hover .img img{ transform: scale(1.2); -webkit-transform: scale(1.2); z-index: 1; }

/*.newsItem:first-child{ display:none;}*/

.pro-list{ float:right; width:780px; margin:auto 20px auto auto;}

.proItem { width:230px; height:230px; float:left; margin:10px 25px 10px auto; border-radius:2px; }
.proItem .img{ width:220px; height:160px; float:left; margin:5px auto auto 5px; }
.proItem .img img{ width:100%; height:100%;}
.proItem .tit{ width:220px; height:40px; float:left; margin:8px auto auto 5px; text-align:center; line-height:20px; font-size:14px; font-weight:100;} 
.proItem a{ width:100%; height:100%; display:block; background:#FFF; -webkit-transition:all .3s; transition:all .3s;}
.proItem a:hover{ background:#bfc1cf;}
.proItem a:hover{ color:#FFF;}

.pro_nav li{ width:100%; float:left; margin:auto auto 3px auto; position:relative;}
.pro_nav li a{ width:100%; height:110px; display:block; padding-top:40px; border-bottom:1px solid #bfc1cf;}
.pro_nav li a:hover{ background:#bfc1cf;}
.pro_nav li h2{ width:80%; margin:auto auto auto auto; text-align:right; font-size:22px; color:#5e5e7e;}
.pro_nav li h3{ width:80%; margin:10px auto auto auto; text-align:right; font-size:18px; color:#5e5e7e; font-weight:100; text-transform:uppercase;}
.pro_nav li span{ width:19px; height:150px; background:url(pro-sub-hover.png) no-repeat center center #030; position:absolute; right:19px;}
.pro_nav li:hover span{ display: inline-block;}

.case_nav li{ width:100%; float:left; margin:auto auto 3px auto; position:relative;}
.case_nav li h1{ width:100%; height:150px; float:left;}
.case_nav li h1 a{ width:100%; height:110px; display:block; padding-top:40px; border-bottom:1px solid #bfc1cf;}
.case_nav li h1 a:hover{ background:#bfc1cf;}
.case_nav li h1 h2{ width:80%; margin:auto auto auto auto; text-align:right; font-size:22px; color:#5e5e7e;}
.case_nav li h1 h3{ width:80%; margin:10px auto auto auto; text-align:right; font-size:18px; color:#5e5e7e; font-weight:100; text-transform:uppercase;}
.case_nav li h1 span{ width:19px; height:150px; background:url(pro-sub-hover.png) no-repeat center center #030; position:absolute; right:19px;}

.case-menu{ width:100%; float:left; margin:2px auto auto auto;  border-bottom:1px solid #bfc1cf;}
.case-menu dd { background: none; display:block; padding: 0px; }
.case-menu dd a { display: block; font-size: 16px; line-height: 36px; padding-left:40px; color: #5e5e7e; clear: both; }
.case-menu dd a:hover { color: #FFF; background: #bfc1cf; }
 

.pro_mb{ width:780px; float:right; margin:auto 20px auto auto;}
.pro_mb li{ width:150px; height:40px; float:left; margin:15px 25px 15px auto; position:relative;}
.pro_mb li a{ width:100%; height:40px; display:block; line-height:40px; font-size:14px; text-align:center; border-radius:5px;background:#bfc1cf;}
.pro_mb li a:hover{ background:#fb7f00; color:#FFF;}



.news-jump { width:310px; height:600px; overflow: hidden; position:absolute; left:15px; top:0px; z-index:10;}
.news-jump .item{ width:308px; height:130px; float:left; margin: auto auto 15px auto; color:#666666; border:1px solid #d6d6d6; border-radius:10px; display:block;}
.news-jump .item a{ width:100%; height:100%; display:block; cursor:pointer;}
.news-jump .item .tit{ width:270px; float:left; margin:20px auto auto 20px; font-size:18px; font-weight:bold;}
.news-jump .item .text{ width:270px; float:left; margin:10px auto auto 20px; font-size:16px; font-weight:bold;}
.news-jump .item .date{ width:270px; float:left; margin:10px auto auto 20px; font-size:14px; font-family:"novecento";}
.news-jump .item:hover{ background:#4c4a4f; color:#FFF;} 
.news-jump .item:hover a{ color:#FFF;}

.news-jump .item_share{ width:308px; height:180px; float:left; margin: auto auto 15px auto; color:#666666; border:1px solid #d6d6d6; border-radius:10px;} 
.news-jump .item_share .tit{ width:270px; float:left; margin:20px auto auto 20px; font-size:18px; font-weight:bold;}
.news-jump .item_share .text{ width:270px; float:left; margin:10px auto auto 20px; font-size:16px; font-weight:bold;}
.news-jump .jiathis{ width:270px; float:left; margin:20px auto auto 20px;}
.news-jump .jiathis a{ width:40px; height:40px;background:url(news_share_ico.jpg) no-repeat;display:inline-block;margin-right: 10px;cursor:pointer;}
.news-jump .jiathis .jiathis_button_tsina{background-position:0px 0px;}
.news-jump .jiathis .jiathis_button_weixin{background-position:-54px 0px;}
.news-jump .jiathis .jiathis_button_xqw{background-position:-107px 0px;}
.news-jump .back a{ width:270px; float:left; margin:15px auto auto 20px; line-height:36px; font-size:16px; text-align:center; font-weight:bold; color:#FFF; background:#e70000; border-radius:5px;}



.page{ width:750px; float:left; margin:10px auto auto 60px; text-align:center;}
.pagenav{ float:left; margin:20px auto auto auto; }
.pagenav span{ padding:5px 15px 5px 15px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:5px; font-size:14px;}
.pagenav a{ padding:5px 15px 5px 15px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:5px; font-size:14px;}
.pagenav a:hover{ background:#b81d23; color:#FFF; border:1px solid #a4141a;}

.honor_box{ width:100%; margin:auto auto auto auto; background:#f0eff5; overflow:hidden; padding-bottom:50px;}
.honor_box ul li{ width:500px; float:left; margin:50px auto auto 65px;}
.honor_box ul li span{ width:500px; float:left;}
.honor_box ul li h1{ width:500px; height:60px; float:left; text-align:center; line-height:60px; font-size:18px; background:#e3e3eb;}

.inside_honor{ width:100%; max-width:1680px; height:560px; margin: 15px auto auto auto; background:#eeeeee url(honor_bg.jpg) no-repeat; padding-top:20px;}

/*clearfix清除浮动*/
.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.caseImg03{ position:relative; border-radius:5px; }
.slideCase03{ margin:20px auto auto auto ; float:right;}

.smallImg03{ width:170px; height:117px; float:left; margin:5px auto 10px 15px; cursor:pointer; background:#FFF; border-radius:5px;}
.smallImg03:hover{ background:#b81d23;}
.smallImg03 img{ width:160px; height:107px; margin:5px auto auto 5px;}

.slideCase03 .hd03{ margin-top:25px; width:580px; position:relative; float:right; }
.slideCase03 .hd03 ul{ display:none;}
.slideCase03 .hd03 a{ cursor:pointer;display:block; width:160px; height:45px; float:left; margin:auto auto auto 20px; border-radius:5px;}
.slideCase03 .hd03 .next{ background:url(arrow.png) no-repeat #b81d23 center; background-size:30%;}
.slideCase03 .hd03 .prev{ background:url(arrow2.png) no-repeat #b81d23 center; background-size:30%;}

.caselayBox{ width:500px;height:373px; position:absolute; left:20px; top:25px; background:#FFF; border-radius:5px; overflow:hidden;}
.casehtml{ height:373px; position:relative;}
.casehtml img{ width:100%; height:auto;}
.hidden{display:none;position:relative;}
.hiddBg{ position:absolute; width:500px; height:40px; bottom:0px; left:0px; line-height:40px; text-align:center; font-size:14px; color:#FFF; background:#000; } 
 
.z_case{ width:100%; overflow:hidden; zoom:1; text-align:left; margin:20px auto auto auto;}
.z_case ul li{ width:266px; height:325px; margin:10px 5px 20px 10px; float:left; background:#fcfcfc; _display:inline; border-radius:10px; box-shadow:#d2d2d2 0px 0px 10px;}
.z_case ul li .pic{ width:250px; float:left; margin:8px auto auto 8px;}
.z_case ul li .pic img{ width:250px; height:170px; display:block; } 
.z_case ul li .title{ width:250px; float:left; margin:15px auto auto 8px; line-height:24px; font-size:18px; color:#63676c;}
.z_case ul li .text{ width:250px; float:left; margin:10px auto auto 8px; color:#8c8c8c; font-size:14px;}


.inside_contact{ width:1200px; height:170px; position:absolute; top:0px; z-index:10; background:#4c4a4f; left:50%; margin-left:-600px;}

.inside_contact_left{ width:680px; float:left; margin:20px auto auto 50px; text-align:left;}
.inside_contact_left>h1{ margin:auto auto auto auto; color:#FFF; font-size:16px;}
.inside_contact .itemC{ width:440px; float:left; margin:10px auto auto auto; color:#FFF; text-align:left;}
.inside_contact .itemC h1{ float:left; width:25px; height:25px; text-align:center; border-radius:100%;} 
.inside_contact .itemC h2{ float:left; width:400px; margin:auto auto auto auto; line-height:25px; font-size:16px; font-weight:100; padding-left:10px;} 
 

.inside_contact .C1{ background: url(../images/us_1_hover.png) no-repeat center center #00a4ff; background-size:cover;}
.inside_contact .C2{ background: url(../images/us_2_hover.png) no-repeat center center #f19b08; background-size:cover;}
.inside_contact .C3{ background: url(../images/us_3_hover.png) no-repeat center center #b81d23; background-size:cover;} 


.contact_box{ width:620px; float:left; margin:3% auto 3% auto; padding:0 4% 0 4%; line-height:180%; font-size:14px; } 
.contact_box p{ margin:5px auto auto auto; font-size:16px; line-height:200%;}
.c_weixin{ width:220px; height:250px; float:right; margin:4% 4% auto auto; background:#FFF; border-radius:2px; } 
.c_weixin h2{ width:90%; margin:15px auto auto auto; text-align:center; font-size:18px;}
.c_weixin p{ width:90%; margin:5px auto auto auto; text-align:center; } 
.c_weixin p img{ width:100%; height:auto;}

.c_address{ width:92%; height:450px; float:left; margin:3% auto auto 4%; background:#FFF; border-radius:2px; z-index:9; border:1px solid #d0d0d0;}





#citymap { width: 80%; height: 615px; }
.city-a { width:60%; float:left; margin:10px auto auto 2%; }
.city-a a { display: inline-block; padding: 7px 10px; color: #9e9e9e; font-size:14px; -webkit-border-radius:10px; -webkit-transition: all .3s; transition: all .3s; float:left; margin: auto 15px auto auto; }
.city-a .current, .city-a a:hover { background: #fb9000; color: #FFF;  }

.cityinfo { position: absolute; top: 0; left: 50%; width: 1200px; margin-left: -600px; height: 200px; background: #31395e; overflow: hidden; } 
.cityinfo .contact_con { width:60%; float:left; margin:10px auto auto 2%; color: #9e9e9e; line-height:22px; display: none; text-align:left; font-size:14px;}


.hr_Item{ float:left; margin:20px auto auto 15px; border-radius:15px; overflow:hidden;}

.job_Item{ width:1140px; height:160px; float:left; background:#FFF; margin:20px auto auto auto;}
.job_Item:hover{ box-shadow:#d2d2d2 0px 0px 5px;}
.job_Item .tit{ width:1080px; height:35px; float:left; margin:25px auto auto 30px; border-bottom:1px solid #e6e6e6;}
.job_Item .tit h3{ float:left; font-size:16px; font-weight:bold;}
.job_Item .tit h4{ float:right; font-size:14px;}
.job_Item .word{ width:1080px; float:left; margin:10px auto auto 30px;}
.job_Item .word p{ width:920px; float:left; font-size:14px; line-height:26px; color:#9f9f9f;}
.job_Item .word span{ float:right; margin:25px auto auto auto;}
.job_Item .word span a{ width:85px; height:32px; background:#4c4a4f; text-align:center; line-height:32px; font-size:14px; display:block; color:#FFF; border-radius:20px;}

.job-more { width: 360px; height:600px; overflow: hidden; position:absolute; left:25px; top:15px; z-index:10;}
.job-more-title b { font-size:20px; color: #4c4a4f; }
.job-more li { margin-top:15px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.job-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height:30px; -webkit-transition: color .3s; transition: color .3s; }
.job-more p { color: #7f7f7f; }
.job-more li:hover .name { color: #1380c5; }

.job_detail_btn{ width:730px; float:right; margin:20px auto auto auto;}
.job_detail_btn a{ width:180px; height:35px; float:left; display:block; margin:auto 30px auto auto; background:#b81d23; line-height:35px; font-size:16px; color:#FFF; text-align:center; border-radius:5px;}

.Message_3{ width:730px; float:right; margin:10px auto auto auto;}

.formJob{ width:700px; float:left; padding-bottom:20px; margin:20px auto; border:1px solid #dfdfdf; color:#5f5f5f;}

.formJob_pic{ width:120px; height:160px; float:left; background:url(../images/job_pic.png) no-repeat center;}

.formJob_1{ width:500px; height:26px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_1 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_1 p{ width:250px; height:26px; float:left; }

.formJob_2{ width:260px; height:26px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_2 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_2 p{ width:160px; height:26px; float:right; line-height:32px;}
.formJob_2 p input{ width:160px; height:20px; float:right; border: 1px solid #e6e6e6; line-height:20px; }

.formJob_3{ width:500px; height:52px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_3 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_3 p{ width:360px; height:26px; float:left; line-height:32px;}
.formJob_3 p .input_a{ width:200px; height:20px; float:left; border: 1px solid #e6e6e6; line-height:20px; }
.formJob_3 p .input_b{ width:85px; height:22px; float:left; border: 1px solid #a5a5a5; background:#f2f2f2; line-height:22px; margin:auto auto auto 10px; font-size:12px; }
.formJob_3 .wordJob{ float:left; font-size:12px; padding-left:10px;}

.formJob_btn{ width:140px; float:left; margin:10px auto auto auto; text-align:center;}
.formJob_btn input{ width:100px; height:28px; margin:auto; background:#125eac; border:1px solid #07407b; border-radius:5px; color:#FFF;}

 



/* tabs */
.culture{ width:100%; margin:auto auto auto auto;}

.culture .list_ico{ width:50px;height:50px; background:url(about_culture_ico.png) no-repeat; margin:10px auto 0px; display:block;}
.culture .dot-li1 .list_ico{ background-position:0px 0px;}
.culture .dot-li1.active .list_ico{ background-position:0px -50px;}
.culture .dot-li2 .list_ico{background-position:-50px 0px;}
.culture .dot-li2.active .list_ico{ background-position:-50px -50px;}
.culture .dot-li3 .list_ico{background-position:-100px 0px;}
.culture .dot-li3.active .list_ico{background-position:-100px -50px;}
.culture .dot-li4 .list_ico{background-position:-150px 0px;}
.culture .dot-li4.active .list_ico{background-position:-150px -50px;}
.culture .dot-li5 .list_ico{background-position:-200px 0px;}
.culture .dot-li5.active .list_ico{background-position:-200px -50px;}
.culture .img_box{visibility:hidden;opacity:0;-webkit-transform: translateY(100px);transform: translateY(100px);}
.culture .active .text_box{ bottom:100%;background:#c79554;background:rgba(199,149,84,0.9);color:#fff;}
.culture .active .img_box{visibility:visible;opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);}

.culture .list_title{ width:100%; text-align:center;}

.culture .bg1{ background: url(bg1.jpg) no-repeat; background-size:100%;}
.culture .bg2{ background: url(bg2.jpg) no-repeat; background-size:100%;}
.culture .bg3{ background: url(bg3.jpg) no-repeat; background-size:100%;}
.culture .bg4{ background: url(bg4.jpg) no-repeat; background-size:100%;}
.culture .bg5{ background: url(bg5.jpg) no-repeat; background-size:100%;}

.culture dl.tabs { width:100%; position:relative; border:1px solid #d6d6d6;}
.culture dl.tabs dt { width:16.6%; height:100px; color:#333; float:left; font-size:14px; font-weight:bold; margin: auto auto auto auto;}
.culture dl.tabs dd { width:100%; height:400px; clear:both; display:block; -webkit-transition:all 0s; transition:all 0s;}
.culture dl.tabs dd .subtit{ width:85%; margin:70px auto auto 70px; font-size:30px; font-weight:bold; text-align:left; color:#FFF;}
.culture dl.tabs dd .word{ width:60%; margin:15px auto auto 70px; font-size:18px; color:#FFF;}

.culture dl.tabs.enabled { height:500px; }
.culture dl.tabs.enabled dt { color:#7a7a7a; cursor:pointer;}
.culture dl.tabs.enabled dt:hover { background:#2c3575; color:#fff;}
.culture dl.tabs.enabled dt.active { background:#2c3575; color:#FFF; cursor: pointer;}
.culture dl.tabs.enabled dd { position:absolute; top:100px; left:0; margin:0; z-index:1; clear:none;}
.culture dl.tabs.enabled dd.active { z-index:3;}

.base{ width:100%; margin:auto auto auto auto;} 
.base .list_title{ width:100%; text-align:center;}

.base .bg1{ background:#f0eff5;}
.base .bg2{ background: url(bg2.jpg) no-repeat; background-size:100%;}
.base .bg3{ background: url(bg3.jpg) no-repeat; background-size:100%;}
.base .bg4{ background: url(bg4.jpg) no-repeat; background-size:100%;}
.base .bg5{ background: url(bg5.jpg) no-repeat; background-size:100%;}

.base dl.tabs { width:100%; position:relative; }
.base dl.tabs dt { width:33.3%; height:80px; color:#333; float:left; font-size:14px; font-weight:bold; margin: auto auto auto auto; line-height:80px;}
.base dl.tabs dd { width:100%; height:400px; clear:both; display:block; -webkit-transition:all 0s; transition:all 0s;} 

.base dl.tabs.enabled { height:500px; }
.base dl.tabs.enabled dt { color:#7a7a7a; cursor:pointer;}
.base dl.tabs.enabled dt:hover { background:#2c3575; color:#fff;}
.base dl.tabs.enabled dt.active { background:#2c3575; color:#FFF; cursor: pointer;}
.base dl.tabs.enabled dd { position:absolute; top:80px; left:0; margin:0; z-index:1; clear:none;}
.base dl.tabs.enabled dd.active { z-index:3;}

.base-pic{ width:100%; float:left; margin:15px auto auto auto;}
.base-pic a{ width:230px; height:160px; float:left; margin:20px 20px auto 30px; border:1px solid #e3e3eb; padding:5px; background:#FFF;}
.base-pic a img{ width:100%; height:100%;}


.idea_box2{ width:96%; margin:auto auto auto 3%;}
.idea_box2 .idea_item2{ width:24%; height:300px; float:left; margin:25px auto auto auto; }
.idea_box2 .idea_item2:nth-child(4n){ border-right:0px;}
.idea_box2 .idea_item2 h2{ width:90%; float:left; margin:15px auto auto 5%; text-align:center; display:none;}
.idea_box2 .idea_item2 h1{ width:90%; float:left; font-size:18px; font-weight:bold; color:#fff; margin:15px auto auto 5%; text-align:center;}
.idea_box2 .idea_item2 p{ width:90%; float:left; margin: auto auto auto 5%; padding-top:15px; line-height:22px; color:#3c3c3c; font-size:14px; text-align:left; color:#fff;}



.social{ width:100%; margin:3% auto auto auto;}
.social dl.tabs { width:100%; position:relative; }
.social dl.tabs dt { width:33.2%; height:60px; color:#333; float:left; font-size:14px; font-weight:bold; margin: auto auto auto auto; background:#f7f0d6;}
.social dl.tabs dt:nth-child(3){ border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}
.social dl.tabs dt .list_title{ width:100%; height:60px; text-align:center; line-height:60px;}

.social dl.tabs dd { width:100%; height:450px; clear:both; display:block; -webkit-transition:all 0s; transition:all 0s; background:url(socail.jpg) no-repeat;}
.social dl.tabs dd .subtit{ width:85%; margin:auto auto auto auto; font-size:30px; font-weight:bold; line-height:100%; text-align:left; color:#FFF;}
.social dl.tabs dd .word{ width:60%; margin:55px auto auto 70px; font-size:18px; color:#000; line-height:200%;}

.social dl.tabs.enabled { height:510px; }
.social dl.tabs.enabled dt { color:#7a7a7a; cursor:pointer;}
.social dl.tabs.enabled dt:hover { background:#4c4a4f; color:#fff;}
.social dl.tabs.enabled dt.active { background:#4c4a4f; color:#FFF; cursor: pointer;}
.social dl.tabs.enabled dd { position:absolute; top:60px; left:0; margin:0; z-index:1; clear:none;}
.social dl.tabs.enabled dd.active { z-index:3;} 
 

.i_zgs_li{ float:left; vertical-align:top; width:18.5%; height:360px; margin-right:.5%; position:relative; cursor:pointer; transition:all .4s ease 0s; overflow:hidden;}
.i_zgs_li .i_zgstit,.i_zgs_li .i_zgsmc,.i_zgs_li span{ display:none;}
.js_wzgs{ width:42%;}
.js_wzgs .i_zgstit,.js_wzgs .i_zgsmc,.js_wzgs span{ display:block;}
.js_wzgs .i_zgstit{ width:65%; height:150px; padding:15px 15px 15px 15px; font-size:16px; background:rgba(255,255,255,.8); position:absolute; top:50%; left:50%; z-index:3; margin:-75px 0 0 -35%; transition:all .4s ease 0s;}
.js_wzgs .i_zgstit .i_zgsimg{ width:100%; font-size:18px; font-weight:bold;} 
.js_wzgs .i_zgstit .i_zgsjs{ width:100%; font-size:14px; line-height:26px; color:#333333; padding-top:15px; text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.js_wzgs span{ display:block; width:33px; height:14px; position:absolute; bottom:64px; left:50%; z-index:2; margin-left:-16.5px; overflow:hidden;}
 
.i_zgs_li .i_qhan{ width:80%; height:25px; line-height:25px; font-size:16px; color:#FFF; position:absolute; top:15px; right:15px; text-align:right;}
.i_zgs_li .i_qhan div{ display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; font-family:"新宋体"; font-size:15px; background:rgba(212,19,22,.6); border-radius:50%; overflow:hidden; color:#FFFFFF; text-align:center; margin-left:15px;}

.inside_guizhou_2{ width:1140px; float:left; margin:10px auto auto auto; overflow:hidden; }
.inside_guizhou_2 li{ width:32%; margin:2% 1% auto 0.3%; float:left; position:relative; border-radius:5px; overflow:hidden;}
.inside_guizhou_2 li .pic{ width:100%;}
.inside_guizhou_2 li .pic img{ width:100%; height:auto;}
.inside_guizhou_2 li .tit{ height:40px; line-height:40px; font-size:20px; font-weight:bold; background:#4c4a4f; color:#FFF; padding:0 15px; position:absolute; left:0px; top:0px;}

.inside_guizhou_3{ width:1140px; float:left; margin:10px auto auto auto; overflow:hidden; }
.img-fluid {
	width:560px;
	height:300px;
	vertical-align: middle; 
}

.box_construction_tit{ width:100%; height:40px; margin:5% auto auto auto;}
.box_construction_tit .con{ width:20%; border-top:1px solid #e70101; margin:auto auto auto auto; position:relative;}
.box_construction_tit .con span{ width:50%; height:30px; background:#fdfdfd; line-height:30px; margin:-15px auto auto auto; font-size:18px; font-weight:bold; display:block; text-align:center;}

.box_construction_con{ width:100%; margin:auto auto auto auto; font-size:13px; line-height:180%;}
.box_construction_con p{ text-indent:2em; margin:10px auto auto auto;}

.solutions{ width:1140px; overflow: hidden}
.solutions ul{ width:1140px}
.solutions li{ height:300px;background: #fff; width:263px;border:1px solid #e5e5e5;border-bottom: 5px solid #efefef; float:left; margin:20px 20px auto auto; position:relative;}

.solutit{ display:block; width:100%;}
.solutit img{ margin:40px auto auto auto;text-align: center; display: block;}
.solutit h4{ color: #333; font-size: 16px; text-align: center; font-weight: bold; line-height:50px;}
.solutit p{ color: #72ac2d;line-height: 20px;font-size: 14px;text-align: center;}
.solutit a{ line-height: 30px;height:30px; width: 100px; border:1px solid #919191; color: #919191; font-size: 14px; font-weight: bold; text-align: center; display: block; margin:20px auto 0; border-radius: 5px;}

.solutit2{ width:90%; padding:0 5%; position:absolute; left:0px; top:0px; overflow: hidden; height:0px; background: #fff; z-index: 99; display: block; border-bottom:2px solid #919191;}
.solutit2 h4{ color: #e70000; font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 10px; text-align: center; margin-top:40px;}
.solutit2 h5{ text-align: center;color: #72ac2d;display: block;}
.solutit2 span{ display: block;background: #bbbbbb;height:2px;width:50px;margin:10px auto;}
.solutit2 p{ line-height: 24px; color: #666666; display: block; overflow: hidden;}


.flash4{ width:1140px; height:450px; margin:0px auto 20px auto; position:relative; background:#CCC; overflow:hidden;}
.flash4 ul li{ width:110px; height:450px; position:relative; overflow:hidden; float:left;}
.flash4 ul li .imgTop img{ opacity:0.4;}
.flash4 ul li .imgTop img.tm{ opacity:1;}

.flash4 ul li .imgCon{ width:590px; height:400px;}
.flash4 ul li .imgCen{ width:590px; height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:20px;line-height:50px;position:absolute;left:0px;bottom:50px;text-indent:20px;display:none;}
.flash4 ul li .imgBot{ width:590px; height:50px;background:#222;}
.flash4 ul li .imgBot p.bt_1{ width:110px; float:left; line-height:50px; font-size:22px;color:#fff; font-family:"novecento"; text-align:center;}
.flash4 ul li .imgBot p.bt_2{ width:590px; height:50px;line-height:50px;float:left; }
.flash4 ul li .imgBot p.bt_2 span{ font-size:14px; color:#fff; padding-right:30px; background:url(../images/part2_icon.png)no-repeat left center; padding-left:10px;}

.flash4 ul li.first{ width:590px;}
.flash4 ul li.fast{ position:absolute; right:0px; bottom:0px;}


.inside_modern{ width:1140px; margin:auto; margin:10px auto auto auto; background:#f6f6f6; overflow:hidden;}
.inside_modern_left{ width:360px; float:left; position:relative; }
.inside_modern_right{ width:720px; min-height:450px; float:right; padding:0px 30px 30px 30px; background:#FFF;}

.modern-more{ width:330px; height:600px; overflow: hidden; position:absolute; left:15px; top:15px; z-index:10;}
.modern-more .itemLe{ width:315px; float:left; margin:15px auto auto 8px;}
.modern-more .itemLe h2{ width:315px; font-size:18px; font-weight:bold; color:#4c4a4f;}
.modern-more .itemLe p{ width:315px; line-height:200%; color:#78767b; margin:15px auto auto auto; font-size:13px; text-indent:2em;}

.moderndetail-content{ width:730px; float:right; margin:20px auto auto 35px; color:#686868; font-size:14px; line-height:220%;}
.moderndetail-content img{ max-width:100%;}

.box_modern_top{ width:100%; margin:5% auto auto auto; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid #f6f6f6; padding-bottom:15px;}

.box_modern_tit{ width:100%; float:left;  height:30px; margin:8% auto auto auto;}
.box_modern_tit .con{ width:50%; border-top:1px solid #e70101; margin:auto auto auto auto; position:relative;}
.box_modern_tit .con span{ width:60%; height:30px; background:#FFF; line-height:30px; margin:-15px auto auto auto; font-size:22px; color:#e70101; font-weight:bold; display:block; text-align:center;}

.box_modern_con{ width:100%; margin:auto auto auto auto; font-size:13px; line-height:180%;}
.box_modern_con p{ text-indent:2em; margin:10px auto auto auto;}

.view-boxs{ width:100%; float:left; margin:5% auto auto auto;}
.view-fl-tl{ width:50%; float:left; text-align:left; } 

.view-fr-tl{ width:50%; float:left; text-align:left; }
.view-fr-tl h1{ font-size:20px; color:#515151; margin:15px auto auto 20px;}
.view-fr-tl h3{ font-size:16px; color:#515151; margin:10px auto auto 20px;}
.view-fr-tl p{ font-size:14px; color:#8e8e8e; margin:10px auto auto 20px; line-height:18px; }
.view-fr-tl img,.view-fl-tr img,.view-fl-tl img{ width:100%; height:auto; border-radius:5px;}

.view-fl-tr{ width:50%; float:left; text-align:right; }
.view-fl-tr h1{ width:90%; float:right; font-size:20px; color:#515151; margin:15px 20px auto auto;}
.view-fl-tr h3{ width:90%; float:right; font-size:16px; color:#515151; margin:10px 20px auto auto;}
.view-fl-tr p{ width:90%; float:right; font-size:14px; color:#8e8e8e; margin:10px 20px auto auto; line-height:18px; }


.culture_item{ width:80%; float:left; margin:5% auto auto 10%;}
.culture_item .icon{ width:80px; height:80px; float:left; margin:auto 30px auto auto; border:2px solid #2c3575; border-radius:100%; }
.culture_item .icon.ico1{ background:#FFF url(../img/about14.png) no-repeat center center; background-size:70%;}
.culture_item .icon.ico2{ background:#FFF url(../img/about15.png) no-repeat center center; background-size:70%;}
.culture_item .icon.ico3{ background:#FFF url(../img/about17.png) no-repeat center center; background-size:70%;}
.culture_item .icon.ico4{ background:#FFF url(../img/about18.png) no-repeat center center; background-size:70%;}
.culture_item .tit{ width:800px; float:left; line-height:30px; font-size:20px; margin:10px auto auto auto;}
.culture_item .word{ width:800px; float:left; line-height:30px; font-size:16px; margin:5px auto auto auto;} 



.brand{
	background: #f9f9f9;
	width: 1200px; 
	overflow:hidden;
	margin:auto auto 20px auto;
}
.brand .box{
	width: 100%;
	padding-bottom: 40px;
	cursor: pointer;
}
.brand .top:hover .img{
	transform: translate3d(0,-10px,0);
}
.brand .box li:hover .img{
	transform: translate3d(0,-10px,0);
}
.brand .bottom:hover .img{
	transform: translate3d(0,-10px,0);
}
.brand .box .pic{
	width: 794px;
	height: 494px;
	overflow: hidden;
}
.brand .box .pic img{
	transition: all 0.5s;
}
.brand .box .con{
	width: 406px;
	background: url(../img/about12.jpg) no-repeat center;
	height: 494px;
	text-align: center;
	background-size: cover;
}
.brand .box .img{
	padding:130px 0 18px;
	transition:all 0.3s;
}
.brand .box i{
	width: 32px;
	height: 2px;
	background: #07996c;
	display: block;
	margin: 0 auto 15px;
}
.brand .box h2{
	font-size: 30px;
	color: #333333;
	line-height: 52px;
}
.brand .box p{
	font-size: 16px;
	color: #666;
	line-height: 36px;
}
.brand .box ul{
	width: 1220px;
}
.brand .box li{
	width: 390px;
	float: left;
	height: 462px;
	background: url(../img/about12.jpg) no-repeat center;
	background-size: cover;
	margin-right: 15px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.brand .box .pot{
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
}
.brand .box .col h2, .brand .box .col p{
	color: #fff;
}
.brand .box .col i{
	background: #808080;
}
.brand .box .col.nv i{
	background: #fff;
} 
.brand .box .img2{
	padding:60px 0 18px;
	transition:all 0.3s;
}

.p1s2-list { width:780px; float:right; margin:auto 20px auto auto;}
.p1s2-list li { width:95%; height:180px; float:left; margin:20px auto auto auto; background: #FFF url(dc_right.png) no-repeat 95% center; padding-right:5%; }
.p1s2-list li:hover{  background: #FFF url(dc_right_hover.png) no-repeat 95% center; }
.p1s2-list li a{ width:100%; height:100%; display:block;}
.p1s2-list .p1s2-list-top { width:240px; height:160px; float:left; margin:10px auto auto 10px; overflow: hidden; }
.p1s2-list .p1s2-list-top img { width: 100%; height: 100%; }
.p1s2-list .p1s2-list-bottom { float:left; padding:15px 0 15px 0; text-align:left; overflow: hidden; }
.p1s2-list .p1s2-list-bottom h2 { margin:10px auto 10px 30px; width:450px; height:45px; line-height:22px; color: #26264b; font-size:18px; font-weight:100; overflow:hidden}
.p1s2-list .p1s2-list-bottom p { margin:5px auto auto 30px; width:450px;  height:25px; line-height:25px; color: #26264b; font-size: 14px; font-weight: 100; overflow:hidden}



.ListItem { width:100%; float:left; margin:20px auto auto auto; background:#FFF;/* box-shadow:#d2d2d2 0px 0px 8px;*/}
.ListItem:hover{ background:#7e7d7f;}

.searchItem{ width:96%; float:left; margin: 10px auto auto auto; background:#FFF; border-radius:5px; -webkit-transition:all .3s; transition:all .3s; padding:2% 2% 2% 2%;}
.searchItem:hover{ background:#7e7d7f; color:#FFF;}
.searchItem:hover .newsdate,.searchItem:hover .newstitle,.searchItem:hover .newscontent { color:#FFF;}
.searchItem a{ width:100%; height:100%; display:block;} 
.searchItem .newsdate {
  color: #b81d23;
  font-size: 14px;
  font-family:"微软雅黑";
}
.searchItem .newstitle {
  color: #040000;
  font-size: 18px;
  padding-top:5px;
}
.searchItem .newscontent{
  color: #a8a8a8;
  padding-top:5px;
}